@tailwind base;
/*!*@tailwind components;*!*/
@tailwind utilities;

.dark-layout {
  background: url('./assets/dark-bg.png') no-repeat;
  background-size: 100% 100%;
}

.light-layout {
  background: url('./assets/light-bg.png') no-repeat;
  background-size: 100% 100%;
}


* {
  scrollbar-color: var(--ycx-bg-color) transparent !important;
  scrollbar-width: thin !important;

  ::-webkit-scrollbar {
    width: 6px !important;
    background-color: var(--ycx-divider-color) !important;
  }

  font-family: PingFang SC,
  Microsoft YaHei serif !important;
}

.ant-menu.ant-menu-sub.ant-menu-vertical .ant-menu-item{
  display: flex;
}

.ant-tree-list-scrollbar-thumb{
  background-color: var(--ycx-bg-color) !important;
  border-radius: 6px !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  background-clip: content-box !important;
  transition: border 0.3s ease !important;
  width: 8px !important;
}

.ant-tree-list-scrollbar-thumb:hover{
  width: 10px !important;
}

.ant-drawer-body{
  scrollbar-color: var(--ycx-bg-color) transparent !important;
  scrollbar-width: thin !important;

  ::-webkit-scrollbar {
    width: 6px !important;
  }

  /* 滚动条滑块样式 */
  ::-webkit-scrollbar-thumb {
    background-color: var(--ycx-bg-color) !important;
    border-radius: 6px !important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    background-clip: content-box !important;
    transition: border 0.3s ease !important;
  }

  /* 滚动条轨道样式 */
  ::-webkit-scrollbar-track {
    background: transparent !important;
  }

  /* 悬停时的滑块样式 */
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--ycx-divider-color) !important;
    border-left: 1px solid var(--ycx-divider-color) !important;
    border-right: 1px solid var(--ycx-divider-color) !important;
  }
}

.dark-layout .main-content:fullscreen{
  background: url('./assets/dark-bg.png') no-repeat;
  background-size: 100% 100%;
}

.light-layout .main-content:fullscreen{
  background: url('./assets/light-bg.png') no-repeat;
  background-size: 100% 100%;
}
